<template>
    <div class="read_container">
        <div class="lunbotu">
            <img src="../../images/about/lunboList1.png" alt="">
        </div>
        <div class="companyInfo">
            <ol class="breadcrumb">
                <li><a href="#"><img src="../../images/homeIcon.png"/>首页</a></li>
                <li class="active">关于</li>
            </ol>
            <h2><span>公司简介</span></h2>
           
            <p>中财建讯隶属于中财建讯（北京）教育科技有限公司。</p> 
            <p>作为中国教育事业变革力量企业之 </p> 
            <p>一，响应国家对教育事业高质量的要求，紧紧围绕提高教 </p> 
            <p>育质量这一战略主题，致力于打造更高学习效率提升学员职业价值的产品, 培训 </p> 
            <p>出更多高级职业资格类人才。</p> 

            <div class="img">
                <img src="../../images/about/list2.png"/>
                <div>
                    <img src="../../images/about/muduleVdio.png" alt="">
                </div>
            </div>

            
            <h2><span>愿景</span></h2>
           
            <p>做中国最高效学习方式提升用户职业价值的产品和服务商。</p> 

            
            <h2><span>使命</span></h2>
           
            <p>致力作出高质量的教育服务和变革性的体验方式，不断提升用户职业生涯价值的服务平台，助力于全社会的职业工作者素质的提升。</p> 

             <div class="img">
                <img src="../../images/about/list1.png"/>
            </div>
        </div>
    </div>
</template>


<script>
export default {
    
}
</script>



<style lang="less" scoped>
.read_container {
    
    .lunbotu img {
        width:100%;
        max-height: 350px;
    }

    .companyInfo {
        width:1000px;
        margin:0 auto;

        .breadcrumb {
            background-color: #fff;
            margin:10px 0 8px;
            padding: 8px 0;

            img {
                height: 15px;
                width: auto;
                margin-top: -3px;
                margin-right: 5px;
            }
        }

        h2 ,p {
            text-align: center;
        }
        p {
            line-height: 30px;
        }
        h2 {
            line-height: 40px;
            margin-top:40px;
            margin-bottom: 10px;

            span {
                border-bottom:1px solid rgba(239,177,11,1);
                padding-bottom: 5px;
                font-weight: 700;
            }
        }

        img {
            height: 416px;
            width:100%;
        }

        .img {
            position:relative;
            margin-top: 20px;

             div {
                position:absolute;
                top: 0;
                left: 0;
                width:100%;
                height:100%;
                border-radius: 8px;
                background-color: rgba(0,0,0,0.5);

                img {
                    position:absolute;
                    left: 50%;
                    top: 50%;
                    height: 160px;
                    width: 160px;
                    margin: -80px 0 0 -80px;
                    cursor:pointer;
                }
             }
        }
    }
}
    
</style>
